import Taro, {Component, Config} from '@tarojs/taro'
import { View } from '@tarojs/components'
import { SDBody } from 'sudao-ui'

import './index.less'

export default class LogisticsPage extends Component {

  config: Config = {
    navigationBarTitleText: '物流详情'
  }

  render () {
    return (
      <SDBody sd-class='container'>
        <View className='section-top'>
          <View className="header border-bottom_1px">
            <View className="title">物流状态：</View>
            <View className="sub-title">已签收</View>
          </View>
          <View className="bottom border-bottom_1px">
            <View className="item">邮政快递包裹</View>
            <View className="item">运单号：832899780909</View>
            <View className="item">官方电话：217278</View>
          </View>
        </View>

        <View className="section-main border-bottom_1px border-top_1px">
          <View className="cell-item cell-item_current">
            <View className="left">
              <View className="dot"></View>
              <View className="line"></View>
            </View>
            <View className="right border-bottom_1px">
              <View className="title">[91收货地址]上海浦东新区碧波路公司888号A栋5024室</View>
              <View className="subtitle">2018-08-08 16:46</View>
            </View>
          </View>
          <View className="cell-item">
            <View className="left">
              <View className="dot"></View>
              <View className="line"></View>
            </View>
            <View className="right border-bottom_1px">
              <View className="title">[91收货地址]上海浦东新区碧波路公司888号A栋5024室</View>
              <View className="subtitle">2018-08-08 16:46</View>
            </View>
          </View>
          <View className="cell-item">
            <View className="left">
              <View className="dot"></View>
              <View className="line"></View>
            </View>
            <View className="right border-bottom_1px">
              <View className="title">[91收货地址]上海浦东新区碧波路公司888号A栋5024室</View>
              <View className="subtitle">2018-08-08 16:46</View>
            </View>
          </View>
          <View className="cell-item">
            <View className="left">
              <View className="dot"></View>
              <View className="line"></View>
            </View>
            <View className="right border-bottom_1px">
              <View className="title">[91收货地址]上海浦东新区碧波路公司888号A栋5024室</View>
              <View className="subtitle">2018-08-08 16:46</View>
            </View>
          </View>
        </View>
      </SDBody>
    )
  }
}
